<template>
  <div class="footer">
    <div class="footer1">
      <div class="foote">
        <p @click="gotoindex()">网站首页</p>
        <p @click="gotocategory()">商品分类</p>
        <p @click="gotoabout()">关于商城</p>
        <p @click="gotocontact()">联系我们</p>
        <p @click="gotomesell()">我要出售</p>
        <p @click="gotopersonal()">个人中心</p>
        <p @click="gotoservice()">联系客服</p>
        <p @click="gotocart()">购物车</p>
      </div>
       <div class="foot1">
        <p>地址：贵州省兴义市兴义民族师范学院(中心校区)</p>
        <p>Tel：15117835880</p>
        <p>E-mail：1942825058@qq.com</p>
      </div>
      <div class="foot2">
        <span
          >Copyright © 2011 兴义民族师范学院 黔ICP20174087138
          版权所有：兴义民族师范学院信息技术学院吾顺二手书</span
        >
      </div>
    </div>
  </div>
</template>

<script>
export default {
  methods: {
    gotoindex() {
      this.$router.push({ name: 'index' });
    },
    gotocategory() {
      this.$router.push({ name: 'category' });
    },
    gotoabout() {
      this.$router.push({ name: 'about' });
    },
    gotocontact() {
      this.$router.push({ name: 'contact' });
    },
    gotomesell() {
      this.$router.push({ name: 'mesell' });
    },
    gotopersonal() {
      this.$router.push({ name: 'personal' });
    },
    gotoservice() {
      this.$router.push({ name: 'service' });
    },
    gotocart() {
      this.$router.push({ name: 'cart' });
    }
  }
};
</script>

<style scoped>
.footer {
  width: 100%;
  background: #f7f7f7;
}
.footer1 {
  width: 1200px;
  margin: 0 auto;
  padding: 40px 0px;
  background: #f7f7f7;
}
.footer1 .foote {
  width: 700px;
  height: 35px;
  margin: 0 auto;
  line-height: 35px;
  text-align: center;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.footer1 .foote p {
  display: inline;
  font-size: 14px;
  color: #888a8e;
  padding: 0 10px;
  border-right: 1px solid #888;
}
.footer1 .foote p:last-child{
  border-right: none;
}
.footer1 .foote p:hover,
.footer1 .foote p:active
 {
  color: #324fe1;
  cursor: pointer;
}
.foot1 {
  height: 50px;
  line-height: 50px;
  text-align: center;
}
.foot1 p {
  display: inline;
  font-size: 14px;
  color: #888a8e;
  padding-right: 20px;
}
.foot2 {
  height: 50px;
  text-align: center;
}
.foot2 span {
  font-size: 14px;
  color: #888a8e;
}
</style>